<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>艺术品租赁_艺博客</title>
<meta name="keywords" content="艺博客,艺术品网站,艺术网站,国画,租画,艺术品租赁,装饰画,酒店,办公,艺术品交易,艺术交易平台">
<meta name="description" content="艺博客是由棋至文化倾情推出的普惠艺术品类网站平台，汇集了数千位国内知名的、富有潜力的国画、油画、书法等青中老艺术家，以及近五万幅高质量风格迥异的艺术作品，是集以行业资讯、知识传播、艺术品交易、个性定制、社交互动等多项服务为一体的综合型交流交易艺术品网站。">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta content="telephone=no" name="format-detection">
<meta content="width=device-width, minimum-scale=1,initial-scale=1, maximum-scale=1, user-scalable=no" id="viewport" name="viewport">
<meta name="baidu-site-verification" content="ShuFpCrxDG">
<link type="image/x-icon" href="#static.artbloger.com/favicon.ico" rel="icon">
<link rel="shortcut icon" href="${pageContext.request.contextPath}/favicon.ico" type="text/css" />
<link rel="apple-touch-icon-precomposed" href="#static.artbloger.com/touch-icon-144.png">
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="#static.artbloger.com/touch-icon-114.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="#static.artbloger.com/touch-icon-114.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="#static.artbloger.com/touch-icon-144.png">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="#static.artbloger.com/touch-icon-144.png">

<link rel="stylesheet" type="text/css" href="css/iconfont.css">
<link rel="stylesheet" type="text/css" href="css/font_286873_tqipw4depadobt9.css">
<link rel="stylesheet" type="text/css" href="css/responsive.css">
<link rel="stylesheet" type="text/css" href="css/responsive2.css">
<link rel="stylesheet" type="text/css" href="css/common2.css">
<link rel="stylesheet" type="text/css" href="css/common.css">
<script src="js/hm.js"></script>
<script type="text/javascript" src="js/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="js/clamp.min.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/jquery.lazyload.min.js"></script>
<script type="text/javascript" src="js/bfw.js"></script>
<script type="text/javascript" src="js/bfw_cart.js"></script>
<script type="text/javascript">var _bfw_config = {
		"baseurl" : "",
		"routetype" : 2,
		"contname" : "cont",
		"actname" : "act",
		"domname" : "dom",
		"jsbaseurl" : "http:\/\/static.artbloger.com\/js\/",
		"cssbaseurl" : "http:\/\/static.artbloger.com\/css\/"
	};
</script>
<!--[if lt IE 9]>  
	<link rel="stylesheet" type="text/css" href="#static.artbloger.com/css/style_ie.css" />
	<![endif]-->
<script>
	var _hmt = _hmt || [];
	(function() {
		var hm = document.createElement("script");
		hm.src = "https://hm.baidu.com/hm.js?eea5739259c05ba71917cb52729aba71";
		var s = document.getElementsByTagName("script")[0];
		s.parentNode.insertBefore(hm, s);
	})();
</script>
<!--2017.10.18添加统计代码-->
<script type="text/javascript">
	var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " #");
	document.write(unescape("%3Cspan id='cnzz_stat_icon_1265187549'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s13.cnzz.com/z_stat.php%3Fid%3D1265187549%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"));
</script>



</head>

<body style="background-color: rgb(204, 204, 204); padding-top: 0px;">
	<script src="images/z_stat.php" type="text/javascript"></script>
	<script src="images/core.php" charset="utf-8" type="text/javascript"></script>
	<!--360统计代码-->
	<script type="text/javascript" src="js/206138.js" async="" defer=""></script>


	<div class="container">
	<%@ include file="head.jsp"%>
	<%-- 	<div class="header_box" style="position: relative; height: 200px; box-shadow: none; z-index: 50; top: 0px;">
			<header style="padding-top: 30px;"> <img class="heard_log" src="images/heard_log.png" style="display: block;"> <nav> <img class="heard_log2" src="images/heard_log.png"
				style="display: none;">
			<ul class="fl" id="index_fl" style="width: 50%;">
				<li class="remove_cur index_is_cur"><a href="index.do">首页</a></li>
				<li class="header_atw is_cur art_is_cur remove_cur"><a href="artwork.do">艺术品</a>
					<div class="nav_next" style="top: 200px;">
						<ul style="width: 50%;">
							<li><a href="details.jsp">精选</a></li>
							<li><a href="details.jsp">油画</a></li>
							<li><a href="details.jsp">国画</a></li>
							<li><a href="details.jsp">书法</a></li>
							<li><a href="details.jsp">水彩</a></li>
							<li><a href="details.jsp">版画</a></li>
						</ul>
					</div></li>
				<li class="arter_is_cur remove_cur"><a href="artist.jsp">艺术家</a></li>
				<li class="lease_is_cur remove_cur cur"><a href="rent.jsp">艺租赁</a></li>
				<li class="scr_hide special_is_cur remove_cur" style="display: list-item;"><a href="rent.jsp">专场</a><span class="li_bd"></span></li>
				<li class="scr_hide information_is_cur remove_cur" style="display: list-item;"><a href="zhuanchang.jsp">资讯</a></li>
			</ul>
			<div class="search fr">
				<div class="shop fr" id="shopcart">
					<a href="shop.jsp"> <img src="images/shop.png">
						<p>购物车</p></a> <span id="shopcart-counter">2</span>
				</div>
				<div class="user fr">

					<img src="images/user.png">
					<%
						if (session.getAttribute("msg") == null) {
					%>
					<p class="login">未登录</p>
					<%
						} else {
					%>
					<p class="login">欢迎:${msg}</p>
					<%
						}
					%>
					<div>
						<ul style="width: 50%;">
							<li><a href="#">个人资料</a></li>
							<li><a href="#">订单中心</a></li>
							<li><a href="#">切换账号</a></li>
						</ul>
					</div>
				</div>
				<div class="fr form" method="get">
					<input type="text" id="search_info" value="" placeholder="油画风景"> <input type="button" value="" id="search-form">
				</div>
				<div class="clearfix"></div>
			</div>
			<div class="clearfix"></div>
			</nav> </header>
		</div> --%>
		
		
		<script type="text/javascript">
			$(document).ready(function() {
				$('#cnzz_stat_icon_1265187549').appendTo('.footer_bottom_p')
				var str = location.href;
				var search_val = str.split("/");
				var search_key = decodeURI(search_val[search_val.length - 2]);
				var search_val = decodeURI(search_val[search_val.length - 1]);
				if (search_key == 'keyword') {
					$("#search_info").val(search_val);
				}
				if (search_key == 'choice') {
					$('.ipt').addClass('ipt_q');
					$(".condition").attr('jingxuan', 1);
		
				}
		
				//其他导航条特效
				if (window.location.pathname == '/' || window.location.pathname == '') {
					$('.remove_cur').siblings().removeClass('cur');
					$('.index_is_cur').addClass('cur');
				}
				if (window.location.pathname == '/Cms/Page/ArtworkList/' || window.location.pathname == '/artwork/') {
					$('.remove_cur').siblings().removeClass('cur');
					$('.art_is_cur').addClass('cur');
				}
				if (window.location.pathname == '/Cms/Page/ArtistList/' || window.location.pathname == '/artist/') {
					$('.remove_cur').siblings().removeClass('cur');
					$('.arter_is_cur').addClass('cur');
				}
				if (window.location.pathname == '/Cms/Lease/Index/' || window.location.pathname == '/lease/') {
					$('.remove_cur').siblings().removeClass('cur');
					$('.lease_is_cur').addClass('cur');
				}
				if (window.location.pathname == '/Cms/Zhuanti/Index/' || window.location.pathname == '/zhuanti/') {
					$('.remove_cur').siblings().removeClass('cur');
					$('.special_is_cur').addClass('cur');
				}
				if (window.location.pathname == '/Cms/News/XinxianShi/' || window.location.pathname == '/news/') {
					$('.remove_cur').siblings().removeClass('cur');
					$('.information_is_cur').addClass('cur');
				}
		
				//艺术家详情导航条特效
				var arrhost = window.location.host.split('.');
				if (arrhost['1'] == "s") {
					$('.remove_cur').siblings().removeClass('cur');
					$('.arter_is_cur').addClass('cur');
				}
			});
			var anti_shake; // 防抖
			$('.header_atw').hover(function() {
				$('.nav_next').width($(window).width());
				clearTimeout(anti_shake);
				anti_shake = setTimeout(function() {
					$('.nav_next').stop().animate({
						height : "142px",
						paddingTop : "29px"
					}, 200);
					$('.nav_next ul li').css("display", "block");
				}, 120);
			}, function() {
				clearTimeout(anti_shake);
				$('.nav_next ul li').css("display", "none")
				$('.nav_next').stop().animate({
					height : "0px",
					paddingTop : "0px"
				}, 200);
			})
			//个人中心下滑效果
			$('.header_box header .search .user').hover(function() {
				clearTimeout(anti_shake);
		
				anti_shake = setTimeout(function() {
					$('.header_box header .search .user div').animate({
						height : "120px"
					}, 200, function() {
						$('.header_box header .search .user div li').css("display", "block")
					});
				}, 120);
			}, function() {
				clearTimeout(anti_shake);
				$('.header_box header .search .user div').animate({
					height : "0px"
				}, 200, function() {
					$('.header_box header .search .user div li').css("display", "none")
				});
			})
			//滚动距离超过200px
			$(window).scroll(function() {
				if ($(window).scrollTop() >= 88) {
					$('body').css("padding-top", "200px")
					$('.header_box').css({
						"position" : "fixed",
						"height" : "88px",
						"box-shadow" : "0 2px 6px 0 rgba(0, 0, 0, 0.1)",
						"z-index" : 50,
						"top" : 0
					});
		
					$("header").css({
						"padding-top" : "26.5px"
					});
					$(".nav_next").css({
						"top" : "88px"
					});
					$('nav>ul').css({
						"width" : "40%"
					});
					$('nav search user div ul').css({
						"width" : "100%"
					});
					$('.scr_hide').hide();
					$(".heard_log").hide();
					$(".heard_log2").css("display", "block");
				} else {
					$('body').css("padding-top", "0px")
					$('.header_box').css({
						"position" : "relative",
						"height" : "200px",
						"box-shadow" : "none"
					});
					$("header").css({
						"padding-top" : "30px"
					});
					$(".nav_next").css({
						"top" : "200px"
					});
					$('nav ul').css({
						"width" : "50%"
					})
					$('.scr_hide').show();
					$(".heard_log").show();
					$(".heard_log2").hide();
				}
			});
		
			$(function() {
				$("#search-form").click(function() {
					var search = "/Cms/Page/ArtworkList/keyword/";
					if ($('#search_info').val() == '' || $('#search_info').val() == 'undefind' || $('#search_info').val() == null) {
						$('#search_info').val('油画风景');
					}
					location.href = search + $('#search_info').val();
					return false;
				});
		
				//按下Enter键搜索
				$("#search_info").keydown(function(e) { //当按下按键时  
					if (e.which == 13) { //.which属性判断按下的是哪个键，回车键的键位序号为13  
						$('#search-form').trigger("click"); //触发搜索按钮的点击事件  
					}
				});
			});
			function bfwResponse(resjson) {
				if (resjson['err']) {
					$.Bfw.toastshow(resjson['data']);
				} else {
					if (resjson['data'].substr(0, 9) == "redirect:") {
						location.href = resjson['data'].substr(9);
					} else if (resjson['data'].substr(0, 12) == "msgredirect:") {
						var spos = resjson['data'].indexOf("---");
						if (spos > 12) {
							$.Bfw.toastshow(resjson['data'].substr(12, spos - 12));
							var gotohref = resjson['data'].substr(spos + 3);
							console.log(gotohref);
							if (gotohref == "back") {
								history.back();
							} else {
								location.href = gotohref;
							}
						}
					} else if (resjson['data'].substr(0, 4) == "back") {
						history.back();
					} else {
						$.Bfw.toastshow(resjson['data']);
					}
				}
			}
		</script>
		<div class="contain_box">
			<div class="lease_banner">
				<img class="lease_bannerimg" src="images/lease_banner01.png">
			</div>
			<div class="artwork">
				<div class="user_banner" style="height: 500px; top: -508px;">
					<div class="logined">
						<a class="logined_a" href="#www.artbloger.com/Cms/Member/Center/"><img src="images/default.png"></a>
						<p>
							<a href="#">欢迎，
							<%
								if (session.getAttribute("userName") == null) {
							%>
							<i class="iconfont icon-face">未登录</i>
							<%
								} else {
							%>
							<i class="iconfont icon-face">${userName}</i>
							<%
								}
							%>
							
							
							</a>
						</p>
						<p>
							<a href="#www.artbloger.com/Cms/Member/Center/">个人中心</a><a href="login">退出</a>
						</p>
					</div>
					
					
					
<p class="banner_p">租赁推荐</p>
<div class="leasebanner_list">
	<div id="focus-bo">
		<ul id="focus-bo-list">
<c:forEach items="${listRent }" var="i" >
<li style="z-index: 10; display: none;">
	<div>
		<a class="focus_lease" href="#www.artbloger.com/Cms/Lease/LeaseDetail/id/2/"><img src="images/Art_14631276188396.JPG"></a> <a class="leasebanner_listp"
			href="${i.r_image}">${i.r_name}</a>
		<p>
			月租价¥：<span>${i.r_rent}</span>
		</p>
	</div>
	
	<div>
		<a class="focus_lease" href="#www.artbloger.com/Cms/Lease/LeaseDetail/id/2/"><img src="images/Art_14631276188396.JPG"></a> <a class="leasebanner_listp"
			href="${i.r_image}">${i.r_name}</a>
		<p>
			月租价¥：<span>${i.r_rent}</span>
		</p>
	</div>
</li>

		
</c:forEach>				
				
			</ul>
			
			
			<a href="javascript:void(0);" id="next-bo" class="focus-hand"><i class="icon-gengduo iconfont"></i></a> <a href="javascript:void(0);" id="prev-bo" class="focus-hand"><i
				class="icon-fanhui iconfont"></i></a>
		</div>
		<section class="clearfix"></section>

		<section class="clearfix"></section>
	</div>
</div>
				<div class="artwork_classchose">
					<div>
						<span>分类选择</span> <span>&gt;</span>
					</div>
					<div class="fen">
						<ul>
							<li class="fen_classid"></li>
							<li class="fen_subclassid"></li>
							<li class="fen_occasion"></li>
							<li class="fen_suboccasion"></li>
							<li class="fen_pricerange"></li>
						</ul>
						<section style="clear: both;"></section>
					</div>
				</div>
				<div class="condition" classid="" subclassid="" occasion="" suboccasion="" pricerange="" style="display:none;"></div>
				<div class="artwork_detail">
					<div class="artwork_detail_o">
						<div>
							<span class="artwork_detail_t">画品</span><span>分类 : </span>
						</div>
						<div>
							<ul class="cate">
							
								<li class="cur"><a href="javascript:void(0);" data="">不限</a></li>
								<c:forEach items="${listLeaseholds }" var="i">
								<li><a href="javascript:void(0);" data="2">${i.l_name}</a></li>
								</c:forEach>
							</ul>
							<div style="clear: both;"></div>
						</div>
						<section style="clear: both;"></section>
					</div>
		<div class="artwork_detail_o">
			<div>
				<span class="artwork_detail_t">题材</span><span>分类 : </span>
			</div>
			<div>
				<ul class="subcate">
					<li class="cur"><a href="javascript:void(0);" data="">不限</a></li>
					<c:forEach items="${listLrice}" var="i">
						<li><a href="javascript:void(0);" data="602">${i.l_name }</a></li>
						
					</c:forEach>
				</ul>
				<div style="clear: both;"></div>
			</div>
			<section style="clear: both;"></section>
		</div>
					<div class="artwork_detail_o">
						<div>
							<span>租赁</span><span class="artwork_detail_t">场所 </span><span>:</span>
						</div>
						<div>
							<ul class="occasion">
							
								<li class="cur"><a href="javascript:void(0);" data="">不限</a></li>
								<c:forEach items="${listPeinttypes}" var="i">
								<li><a href="javascript:void(0);" data="56">${i.p_name}</a></li>
								</c:forEach>
							</ul>
						</div>
						<section style="clear: both;"></section>
					</div>
					<div class="artwork_detail_o">
						<div>
							<span class="artwork_detail_t">具体</span><span>场景 :</span>
						</div>
						<div>
							<ul class="suboccasion">
								<li class="cur"><a href="javascript:void(0);" data="">不限</a></li>
								<c:forEach items="${listScene}" var="i">
								<li><a href="javascript:void(0);" data="629">${i.s_name}</a></li>
								</c:forEach>
							</ul>
						</div>
						<section style="clear: both;"></section>
					</div>
					<div class="artwork_detail_o">
						<div>
							<span class="artwork_detail_t">价&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 格 </span><span>:</span>
						</div>
						<div>
							<ul class="pricerange">
								<li class="cur"><a href="javascript:void(0);" data="">不限</a></li>
								<c:forEach items="${listPrices}" var="i">
								<li><a href="javascript:void(0);" data="500">${i.pr_name}</a></li>
								</c:forEach>
							</ul>
						</div>
						<section style="clear: both;"></section>
					</div>
				</div>
			</div>
			<div class="artworklist_lease">
				<div class="artworklist_lease_o elite_title">
					<div class="title_left">
						<a href="#">租赁列表</a>
					</div>
					<div class="title_right sort">
						<a class="cur" id="new" href="javascript:void(0);" data="id">最新</a> <a id="price" href="javascript:void(0);" data="price">租金</a> <a id="hits" href="javascript:void(0);" data="hits">价格</a>
					</div>
				</div>
				<div class="artworklist_lease_t">
					<ul class="artworklist_leaseul">
<c:forEach items="${list3Rent}" var="i">
	<li>
		<a class="artworklist_works_a" href="rentshop.do?rent=${i.r_id}" style="height: 190px;">
		<img src="${i.r_image}"
			alt="${i.r_image}" title="${i.r_bigimg}">
			</a>
		<p class="p_o">
			<a class="works_name" href="###">${i.r_name}</a>
		</p>
		<p class="p_t">
			<span>月租价：¥<i>${i.r_rent}</i></span> <span>市场价：<i>${i.r_price}</i></span>
		</p>
	</li>
</c:forEach>	
						
	</ul>
	
	<!-- rent.jsp页面分页 -->
	
					<section class="clearfix"></section>
				</div>
	<div class="paging">
		<ul class="page_num">
			<c:if test="${pbm.pageNun !=1}">
				<li class="pre"><a href=" ${pageContext.request.contextPath}/webpage/rent?pageNun=${pbm.pageNun - 1}">&lt;</a></li>
			</c:if>

			<c:forEach begin="${pbm.start}" end="${pbm.end }"  step="1" var="i" >
				<li class="" bs="${i}" >
					<a href="rent?pageNun=${i}">${i}</a>
				</li>
			</c:forEach>
			<c:if test="${pbm.pageNun !=  pbm.totalPage}">
				<li class="next"><a href=" ${pageContext.request.contextPath}/webpage/rent?pageNun=${pbm.pageNun+1} ">&gt;</a></li>
			</c:if>
		</ul>









<%--	<ul>
<!-- 判断是否是最后一页,判断当前页是否是第一页<li class="pre">&lt;</li> -->
	<c:if test="${pageBean.currentPage > 1}">
		<li class="pre"><a href="rent.do?currentPage=${pageBean.currentPage-1}">&lt;</a></li>
	</c:if>

	<style>
		li.cur {
			background-color: #f5f5f5;
		}
		</style>
<c:set var="start" value="1" />
	<c:set var="end" value="10" />

	<c:if test="${pageBean.currentPage>6}">
		<c:set var="start" value="${pageBean.currentPage-5}" />
		<c:set var="end" value="${pageBean.currentPage+4}" />
	</c:if>

	<c:forEach begin="${start}" end="${end}" step="1" var="page">
		<c:if test="${pageBean.currentPage==page}">
			<li class="cur"><a hret ="###">${page}</a></li>
		</c:if>
		<c:if test="${pageBean.currentPage!=page && page<=pageBean.totalPage }">
			<li class="list"><a href="rent.do?currentPage=${page}">${page}</a></li>
		</c:if>
	</c:forEach>


				<!-- 判断是否是最后一页,判断当前页是最大页 -->
	<c:if test="${pageBean.currentPage == pageBean.totalPage}">
		<!-- <li class="next">&gt;</li> -->
	</c:if>

	<c:if test="${pageBean.currentPage != pageBean.totalPage}">
		<li class="next"><a href="rent.do?currentPage=${pageBean.currentPage+1}">&gt;</a></li>
	</c:if>
	




			
		</ul>--%>
	</div>
			</div>
		</div>
		<div class="footer_box">
			<div class="footer_top">
				<img class="footer_img" src="images/footer_log.png">
				<div class="fr">
					<dl class="fl">
						<dt>
							<i></i><a href="#www.artbloger.com/Cms/Page/Questions/">帮助中心</a>
						</dt>
						<dd>
							<a href="#www.artbloger.com/Cms/Page/Questions/">常见问题</a>
							<!--<a href="/Cms/Page/ContactUs/">售后服务</a>-->
							<a href="#www.artbloger.com/Cms/Page/AboutUs/">关于艺博客</a>
						</dd>
					</dl>
					<dl class="fl">
						<dt>
							<i></i><a href="#www.artbloger.com/Cms/Page/BuyFlow/">使用指南</a>
						</dt>
						<dd>
							<a href="#www.artbloger.com/Cms/Page/BuyFlow/">购买流程</a> <a href="#www.artbloger.com/Cms/Page/LeaseFlow/">租赁服务</a>
							<!--<a href="/Cms/Page/LeaseFlow/">装裱和配送</a>-->
						</dd>
					</dl>
					<dl class="fl">
						<dt>
							<i></i><a href="#www.artbloger.com/Cms/Page/AboutUs/">关于我们</a>
						</dt>
						<dd>
							<!--<a href="javsacript:;">人才招募</a>-->
							<a href="#www.artbloger.com/Cms/Page/ContactUs/">联系我们</a> <a href="#www.artbloger.com/Cms/Zhuanti/ArtInterview/">艺术家招募</a>
						</dd>
					</dl>
					<dl class="fr img">
						<dt>
							<img src="images/dingyuehao.png">
						</dt>
						<dd>
							<a href="javascript:;">微信订阅号</a>
						</dd>
					</dl>
					<dl class="fr img">
						<dt>
							<img src="images/app_down.jpg">
						</dt>
						<dd>
							<a href="javascript:;">手机艺博客</a>
						</dd>
					</dl>
				</div>
				<div class="clearfix"></div>
			</div>
			<div class="footer_bottom">
				<p class="footer_bottom_p">
					艺博客版权所有 <a href="#www.miitbeian.gov.cn/">沪ICP备16022500号</a>Copyright © 2013 - 2017 artbloger.com, All Rights Reserved. <span id="cnzz_stat_icon_1265187549"><a
						href="#www.cnzz.com/stat/website.php?web_id=1265187549" target="_blank" title="站长统计"><img border="0" hspace="0" vspace="0" src="images/pic.gif"></a></span>
				</p>
			</div>
		</div>
	</div>


	<script type="text/javascript">
		//控制图片宽度高度	
		if ($(window).width() < 1230) {
			$('.focus_lease').height($('.focus_lease').width() * 0.8);
			$('.lease_banner').height($('.lease_banner').width() * 0.406);
		}
		$('.artworklist_works_a').height($('.artworklist_works_a').width());
		var user_bannerTop = -$('.lease_banner').height() - 8;
		$('.user_banner').height($('.lease_banner').height());
		$('.user_banner').css("top", user_bannerTop)
		console.log(user_bannerTop)
		//大分类
		$(".cate li a").click(function() {
			var classid = $(this).attr('data');
			var classidvalue = $(this).text();
			//当前点击的无素加样式
			$(this).parent().addClass("cur");
			$(this).parent().siblings().removeClass("cur");
			str1 = '<span>画品:<i>' + classidvalue + '<i><img src="#static.artbloger.com/images/cancel.png"/ class="close' + classid + '"></span>';
			$(".fen ul li.fen_classid").html(str1);
			//把classid写进
			$(".condition").attr('classid', classid);
			//取出AJAX列表
			GetAjax();
			//点击关闭把字取消,关且把异步请求的DIV里的值清空
			$(".close" + classid).click(function() {
				$(".fen ul li.fen_classid").html('');
				$(".condition").attr('classid', '');
				//把样式还原到不限上面
				$(".cate li").removeClass('cur');
				$(".cate li").first().addClass('cur');
				//取出AJAX列表
				GetAjax();
			});
		});
		//子分类
		$(".subcate li a").click(function() {
			var subclassid = $(this).attr('data');
			var subclassidvalue = $(this).text();
			//当前点击的无素加样式
			$(this).parent().addClass("cur");
			$(this).parent().siblings().removeClass("cur");
			str2 = '<span>题材:<i>' + subclassidvalue + '</i><img src="#static.artbloger.com/images/cancel.png"/ class="close' + subclassid + '"></span>';
			$(".fen ul li.fen_subclassid").html(str2);
			//把subclassid写进异步请求的DIV里
			$(".condition").attr('subclassid', subclassid);
			//取出AJAX列表
			GetAjax();
			//点击关闭把字取消,关且把异步请求的DIV里的值清空
			$(".close" + subclassid).click(function() {
				$(".fen ul li.fen_subclassid").html('');
				$(".condition").attr('subclassid', '');
				//把样式还原到不限上面
				$(".subcate li").removeClass('cur');
				$(".subcate li").first().addClass('cur');
				//取出AJAX列表
				GetAjax();
			});
		});
		//场合
		$(".occasion li a").click(function() {
			var occasion = $(this).attr('data');
			var occasionvalue = $(this).text();
			//当前点击的无素加样式
			$(this).parent().addClass("cur");
			$(this).parent().siblings().removeClass("cur");
			str3 = '<span>场所:<i>' + occasionvalue + '</i><img src="#static.artbloger.com/images/cancel.png"/ class="close' + occasion + '"></span>';
			$(".fen ul li.fen_occasion").html(str3);
			//把occasion写进异步请求的DIV里
			$(".condition").attr('occasion', occasion);
			//取出AJAX列表
			GetAjax();
			//点击关闭把字取消,关且把异步请求的DIV里的值清空
			$(".close" + occasion).click(function() {
				$(".fen ul li.fen_occasion").html('');
				$(".condition").attr('occasion', '');
				//把样式还原到不限上面
				$(".occasion li").removeClass('cur');
				$(".occasion li").first().addClass('cur');
				//取出AJAX列表
				GetAjax();
			});
		});
		//场景
		$(".suboccasion li a").click(function() {
			var suboccasion = $(this).attr('data');
			var suboccasionvalue = $(this).text();
			//当前点击的无素加样式
			$(this).parent().addClass("cur");
			$(this).parent().siblings().removeClass("cur");
			str4 = '<span>场景:<i>' + suboccasionvalue + '</i><img src="#static.artbloger.com/images/cancel.png"/ class="close' + suboccasion + '"></span>';
			$(".fen ul li.fen_suboccasion").html(str4);
			//把occasion写进异步请求的DIV里
			$(".condition").attr('suboccasion', suboccasion);
			//取出AJAX列表
			GetAjax();
			//点击关闭把字取消,关且把异步请求的DIV里的值清空
			$(".close" + suboccasion).click(function() {
				$(".fen ul li.fen_suboccasion").html('');
				$(".condition").attr('suboccasion', '');
				//把样式还原到不限上面
				$(".suboccasion li").removeClass('cur');
				$(".suboccasion li").first().addClass('cur');
				//取出AJAX列表
				GetAjax();
			});
		});
		//价格
		$(".pricerange li a").click(function() {
			var pricerange = $(this).attr('data');
			var pricerangevalue = $(this).text();
			//值中间有逗号无法点击,单独设个值
			var datarange = $(this).attr('data-range');
			//当前点击的无素加样式
			$(this).parent().addClass("cur");
			$(this).parent().siblings().removeClass("cur");
			str5 = '<span>价格:<i>' + pricerangevalue + '</i><img src="#static.artbloger.com/images/cancel.png"/ class="close' + datarange + '"></span>';
			$(".fen ul li.fen_pricerange").html(str5);
			//把pricerange写进异步请求的DIV里
			$(".condition").attr('pricerange', pricerange);
			//取出AJAX列表
			GetAjax();
			//点击关闭把字取消,关且把异步请求的DIV里的值清空
			$(".close" + datarange).click(function() {
				$(".fen ul li.fen_pricerange").html('');
				$(".condition").attr('pricerange', '');
				//把样式还原到不限上面
				$(".pricerange li").removeClass('cur');
				$(".pricerange li").first().addClass('cur');
				//取出AJAX列表
				GetAjax();
			});
		});
	
		//用最新来排序
		$("#new").click(function() {
			var sorttype = $(this).attr('data');
			//当前点击的无素加样式
			$(this).addClass("cur");
			$(this).siblings().removeClass("cur");
			//把occasion写进异步请求的DIV里
			$(".condition").attr('sorttype', sorttype);
			//取出AJAX列表
			GetAjax();
		});
		//用价格排序
		$("#price").click(function() {
			var sorttype = $(this).attr('data');
			//当前点击的无素加样式
			$(this).addClass("cur");
			$(this).siblings().removeClass("cur");
			//把occasion写进异步请求的DIV里
			$(".condition").attr('sorttype', sorttype);
			//取出AJAX列表
			GetAjax();
		});
		//用热门排序
		$("#hits").click(function() {
			var sorttype = $(this).attr('data');
			//当前点击的无素加样式
			$(this).addClass("cur");
			$(this).siblings().removeClass("cur");
			//把occasion写进异步请求的DIV里
			$(".condition").attr('sorttype', sorttype);
			//取出AJAX列表
			GetAjax();
		});
		function GetAjax() {
			var classid = $(".condition").attr('classid');
			var page = 1;
			var subclassid = $(".condition").attr('subclassid');
			var occasion = $(".condition").attr('occasion');
			var suboccasion = $(".condition").attr('suboccasion');
			var pricerange = $(".condition").attr('pricerange');
			var sorttype = $(".condition").attr('sorttype');
	
			//加载列表
			Load(classid, page, subclassid, occasion, suboccasion, pricerange, sorttype);
			//加载分页
			LoadFenYe(classid, page, subclassid, occasion, suboccasion, pricerange, sorttype);
		}
		//加载数据的方法
		function Load(classid, page, subclassid, occasion, suboccasion, pricerange, sorttype) {
			var classid = classid;
			var page = page;
			var subclassid = subclassid;
			var occasion = occasion;
			var suboccasion = suboccasion;
			var pricerange = pricerange;
			var sorttype = sorttype;
			$.ajax({
				type : "POST",
				url : "/Cms/Lease/AjaxList/",
				data : {
					classid : classid,
					page : page,
					subclassid : subclassid,
					occasion : occasion,
					suboccasion : suboccasion,
					pricerange : pricerange,
					sorttype : sorttype
				},
				dataType : "json",
				success : function(data) {
					var str = '';
					index = 1;
					if (data == '') { //没有数据时给一张默认图片
						str += '<img src="#static.artbloger.com/images/no.png" title="没有数据" alt="没有数据"/>';
						$('.artworklist_leaseul').html(str);
					}
	
					for (var k in data) {
						var class_last = (index % 5 == 0) ? 'class="last"' : '';
						var url = '/Cms/Lease/LeaseDetail/id/myprodid/';
						url = url.replace('myprodid', data[k].id); //艺术品的链接
	
						str += '<li ' + class_last + '>';
						str += '<a class="artworklist_works_a" href="' + url + '"><img src="' + data[k].productimg + '" alt="' + data[k].productname + '" title="' + data[k].productname + '"/></a>';
						str += '<p class="p_o"><a href="' + url + '">' + data[k].productname + '</a></p>';
						str += '<p class="p_t">';
						str += '<span>月租价：<i>¥' + data[k].rentprice + '</i></span>';
						str += '<span>&nbsp;市场价：<i>' + data[k].saleprice + '</i></span>';
						str += '</p>';
						str += '</li>';
						index++;
	
					}
					//把HTML代码写进DIV	          
					$('.artworklist_leaseul').html(str);
					$('.artworklist_works_a').height($('.artworklist_works_a').width());
				},
				error : function(data) {
					alert("出错了!");
				}
			});
		}
		//加载分页信息的方法
		function LoadFenYe(classid, page, subclassid, occasion, suboccasion, pricerange, sorttype) {
			var s = ""; //分页的HTML代码	
			var classid = classid;
			var page = page;
			var subclassid = subclassid;
			var occasion = occasion;
			var suboccasion = suboccasion;
			var pricerange = pricerange;
			var sorttype = sorttype;
	
			var minys = 1; //最小的页数
			var maxys = 1; //最大的页数
	
			//ajax查询总页数
			$.ajax({
				async : false,
				data : {
					classid : classid,
					subclassid : subclassid,
					occasion : occasion,
					suboccasion : suboccasion,
					pricerange : pricerange,
					sorttype : sorttype
				},
				type : "POST",
				url : "/Cms/Lease/Fenye/",
				dataType : "TEXT",
				success : function(data) {
					maxys = data; //这个是总页数		    
				}
			});
			//总页数
			s += '<ul>';
			//第一页
			s += '<li class="pre1"><a></a href="javascript:void(0)"></li>';
			//加载上一页
			s += '<li class="pre"><a href="javascript:void(0)"></a></li>';
			//加载分页列表
			for (var i = page - 2; i < page + 3; i++) {
				if (i >= minys && i <= maxys) {
					if (i == page) {
						s += '<li class="cur list" bs="' + i + '"><a href="javascript:void(0)">' + i + '</a></li>';
					} else {
						s += '<li class="list" bs="' + i + '"><a href="javascript:void(0)">' + i + '</a></li>';
					}
				}
			}
			//加载下一页
			s += '<li class="next"><a href="javascript:void(0)"></a></li>';
			//最后一页
			s += '<li class="next1"><a href="javascript:void(0)"></a></li>';
			s += '</ul>';
			//显示分页列表
			$(".paging").html(s);
			//第一页点击事件
			$(".pre1").click(function() {
				page = 1;
				//加载列表
				Load(classid, page, subclassid, occasion, suboccasion, pricerange, sorttype);
				//加载分页
				LoadFenYe(classid, page, subclassid, occasion, suboccasion, pricerange, sorttype);
			});
			//上一页加点击事件
			$(".pre").click(function() {
				//改变当前页
				page = page - 1;
				if (page < minys) {
					page = minys;
				}
				//加载列表
				Load(classid, page, subclassid, occasion, suboccasion, pricerange, sorttype);
				//加载分页
				LoadFenYe(classid, page, subclassid, occasion, suboccasion, pricerange, sorttype);
			});
	
			//给列表加点击事件
			$(".list").click(function() {
				//改变当前页
				page = parseInt($(this).attr("bs"));
				//加载列表
				Load(classid, page, subclassid, occasion, suboccasion, pricerange, sorttype);
				//加载分页
				LoadFenYe(classid, page, subclassid, occasion, suboccasion, pricerange, sorttype);
			});
	
			//下一页加点击事件
			$(".next").click(function() {
				//改变当前页
				page = page + 1;
				if (page > maxys) {
					page = maxys;
				}
				//加载列表
				Load(classid, page, subclassid, occasion, suboccasion, pricerange, sorttype);
				//加载分页
				LoadFenYe(classid, page, subclassid, occasion, suboccasion, pricerange, sorttype);
			});
			//最后一页点击事件
			$(".next1").click(function() {
				page = maxys;
				//加载列表
				Load(classid, page, subclassid, occasion, suboccasion, pricerange, sorttype);
				//加载分页
				LoadFenYe(classid, page, subclassid, occasion, suboccasion, pricerange, sorttype);
			});
		}
		$(function() {
			var focusBanner = function() {
				var $focusBanner = $("#focus-bo"),
					$bannerList = $("#focus-bo-list li"),
					$focusHandle = $(".focus-hand"),
					$bannerImg = $(".focus-bo-img"),
					$nextBnt = $("#next-bo"),
					$prevBnt = $("#prev-bo"),
					$focusBubble = $("#focus-bu"),
					bannerLength = $bannerList.length,
					_index = 0,
					_timer = "";
	
				var _height = $(".focus-bo-img").find("img").height();
				$focusBanner.height(_height);
				$bannerImg.height(_height);
	
				for (var i = 0; i < bannerLength; i++) {
					$bannerList.eq(i).css("zIndex", bannerLength - i);
					$focusBubble.append("<li></li>");
				}
				$focusBubble.find("li").eq(0).addClass("current");
				var bubbleLength = $focusBubble.find("li").length;
				$focusBubble.css({
					"width" : bubbleLength * 40,
					"marginLeft" : -bubbleLength * 20
				});
				//初始化
				$focusBubble.on("hover", "li", function() {
					$(this).addClass("current").siblings().removeClass("current");
					_index = $(this).index();
					changeImg(_index);
				});
				//点击轮换
				$nextBnt.on("click", function() {
					_index++
					if (_index > bannerLength - 1) {
						_index = 0;
					}
					changeImg(_index);
				}); //下一张
	
				$prevBnt.on("click", function() {
					_index--
					if (_index < 0) {
						_index = bannerLength - 1;
					}
					changeImg(_index);
				}); //上一张
	
				function changeImg(_index) {
					$bannerList.eq(_index).fadeIn(250);
					$bannerList.eq(_index).siblings().fadeOut(200);
					$focusBubble.find("li").removeClass("current");
					$focusBubble.find("li").eq(_index).addClass("current");
					clearInterval(_timer);
					_timer = setInterval(function() {
						$nextBnt.click()
					}, 5000)
				} //切换主函数
				_timer = setInterval(function() {
					$nextBnt.click()
				}, 5000)
			}();
		});
	</script>
	<iframe name="228987" height="0" width="0" src="images/mv.html" style="display: none;"></iframe>


</body>

</html>
